import React from 'react'
import {
  useRoutes, // 配置路由
  // Routes,
  // Route, // 配置路由组件
  // Navigate, // 重定向组件
  // useLocation
} from 'react-router-dom'
import routeConfig from './router'

const App: React.FC = () => {
  const routes = useRoutes(routeConfig)
  return <div id='app'>{routes}</div>
}



export default App
























// import Index from './pages/index/index' //导入首页
// import Login from './pages/login/login' //导入登录页
// import Zjzc from './pages/index/components/zjzc' //资金组成
// import Zjlx from './pages/index/components/zjlx' //资金流向
// import Zjly from './pages/index/components/zjly' //资金来源
// import Zjgl from './pages/index/components/zjgl' //资金管理
// import Yhgl from './pages/index/components/yhgl' //用户管理


// import {
//   Routes, //路由组件
//   Route, //配置路由组件
//   Navigate, //跳转路由
//   // Outlet, //渲染子路由
//   // useParams, //获取路由参数
//   // useLocation, //获取当前路由信息
//   // useNavigate, //路由跳转
//   // useOutlet, //渲染子路由
//   // useResolvedPath, //获取解析后的路径
//   // useMatch, //匹配路径
// } from "react-router-dom"; //路由


// function App() {

//   return (
//     <Routes>
//       <Route path="/" element={<Navigate to="/index" />} />
//         <Route path="/index" element={<Index/>}>
//           <Route path='index' element={< Navigate to="/index/zjzc" />} />
//           <Route path="/index/zjzc" element={<Zjzc/>} />
//           <Route path="/index/zjlx" element={<Zjlx/>} />
//           <Route path="/index/zjly" element={<Zjly/>} />
//           <Route path="/index/zjgl" element={<Zjgl/>} />
//           <Route path="/index/yhgl" element={<Yhgl/>} />
//         </Route>
//       <Route path="/login" element={<Login />} />
//       <Route path="*" element={<div >404</div>} />
//     </Routes>
//   )
// }

// export default App
